// 页面两侧留白
.pj-padding-sides {
    padding-left: var(--pj-padding-sides);
    padding-right: var(--pj-padding-sides);
}

// 遮罩进入动画
@keyframes myCustomOverlayEnter {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

// 遮罩离开动画
@keyframes myCustomOverlayLeave {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}

// 内容动画
@keyframes myCustomContentEnter {
    0% {
        transform: rotate(0deg);
        opacity: 0;
    }

    100% {
        transform: rotate(360deg);
        opacity: 1;
    }
}

// 内容离开动画
@keyframes myCustomContentLeave {
    0% {
        transform: rotate(360deg);
        opacity: 1;
    }

    100% {
        transform: rotate(0deg);
        opacity: 0;
    }
}